<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>确认订单</title>
	<style type="text/css">
	*{
	margin: 0;
	padding: 0;
	}
	body{
	font-size: 13px;
	color: #333333;
	background-color: #C3E99E;
	}
	</style>
</head>
<body>

	<center>
	
		<div style="width: 1048px; min-height: 480px; height: auto!important; height: 480px; margin-top: 100px; text-align: left; background: #FFFFFF;">
			<div style="width:200px; height:40px; line-height: 40px; margin-left: 20px; font-size: 14px; font-weight: bold;">订单信息</div>
			<div style="width: 988px; margin: 0 30px; height: 20px;">
				<div style="float: left; width: 370px; height:25px; line-height: 25px; border-bottom: 3px solid #AED4F5;">商品名</div>
				<div style="float: left; margin-left: 2px; width: 108px; height:25px; line-height: 25px; border-bottom: 3px solid #AED4F5; text-align: center;">单价(元)</div>
				<div style="float: left; margin-left: 2px; width: 113px; height:25px; line-height: 25px; border-bottom: 3px solid #AED4F5; text-align: center;">数量</div>
				<div style="float: left; margin-left: 2px; width: 133px; height:25px; line-height: 25px; border-bottom: 3px solid #AED4F5; text-align: center;">优惠(元)</div>
				<div style="float: left; margin-left: 2px; width: 108px; height:25px; line-height: 25px; border-bottom: 3px solid #AED4F5; text-align: center;">小计(元)</div>
				<div style="float: left; margin-left: 2px; width: 143px; height:25px; line-height: 25px; border-bottom: 3px solid #AED4F5; text-align: center;">配送方式</div>
				<div style="clear: both;"></div>
				
				<div style="float: left; width: 370px; height:100px; line-height: 100px;">
					<div style="float: left; width: 50px; height: 50px; border: 1px solid #CCCCCC; margin: 25px 10px;">
						<img alt="" src="" style="width: 50px; height: 50px;">
					</div>
					<div style="float: left; width: 298px; height: 100px; line-height: 100px;">东坡肉</div>
					<div style="clear: both;"></div>
				</div>
				<div style="float: left; margin-left: 2px; width: 108px; height:100px; line-height: 100px; text-align: center;">12.00</div>
				<div style="float: left; margin-left: 2px; width: 113px; height:100px; line-height: 100px; text-align: center;">1</div>
				<div style="float: left; margin-left: 2px; width: 133px; height:100px; line-height: 100px; text-align: center;">0.00</div>
				<div style="float: left; margin-left: 2px; width: 108px; height:100px; line-height: 100px; text-align: center; color: #EE3333;">12.00</div>
				<div style="float: left; margin-left: 2px; width: 143px; height:100px; line-height: 100px; text-align: center;">配送至小区</div>
				<div style="clear: both;"></div>
				
				<div style="width: 100%; height: 50px; background: #AEFFFD; line-height: 50px; color: #AAAAAA; border-top: 1px solid #AED4F5;">
					<div style="float: left; height: 50px; width: 660px; margin-left: 14px;">简单描述:</div>
					<div style="float: right; height: 50px; width: 300px; margin-right: 14px; text-align: right;">店铺合计(含配送费): ￥0.01</div>
					<div style="clear: both;"></div>
				</div>
				
				<div style="text-align: right; height: 200px; width: 100%; border-top: 1px dotted #AAAAAA; margin-top: 50px;">
					<div style="float: right; margin-right: 10px; width: 200px; height: 200px;">
						<div style="height: 40px; width: 100%; line-height: 40px; margin-top: 10px;">
							<span style="color: #CCCCCC;">实付款:</span><span style="font-size: 24px; font-weight: bold; color: #EE3333;">￥0.01</span>
						</div>
						<div style="height: 40px; width: 100%; line-height: 40px; margin-top: 20px;">
							<input type="button" value="提交订单" style="border: none; border-style: none; width: 150px; height: 35px; border-radius: 4px; background: #8CC700/* #51AB02 */; color: #FFFFFF; cursor: pointer;" />
						</div>
					</div>
					<div style="clear: both;"></div>
				</div>
				
			</div>
			
			<!-- <div style="width: 988px; margin: 0 30px; height: 100px; border-bottom: 1px solid #CCCCCC;">
				<div style="float: left; width: 370px; height:100px; line-height: 100px; text-align: center;">商品名</div>
				<div style="float: left; margin-left: 2px; width: 108px; height:100px; line-height: 100px; text-align: center;">单价(元)</div>
				<div style="float: left; margin-left: 2px; width: 113px; height:100px; line-height: 100px; text-align: center;">数量</div>
				<div style="float: left; margin-left: 2px; width: 133px; height:100px; line-height: 100px; text-align: center;">优惠(元)</div>
				<div style="float: left; margin-left: 2px; width: 108px; height:100px; line-height: 100px; text-align: center;">小计(元)</div>
				<div style="float: left; margin-left: 2px; width: 143px; height:100px; line-height: 100px; text-align: center;">配送方式</div>
				<div style="clear: both;"></div>
			</div> -->
			
		</div>
	
	</center>
	
</body>
</html>	